<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
		<link href="css/zui.datatable.min.css" rel="stylesheet">
		<script src="js/zui.datatable.min.js"></script>
	</head>
	<body>
		<div class="y-conRightmain scrollbar-hover">
			<ol class="breadcrumb y-borderB">
			  <li><a href="your/url/">Home</a></li>
			  <li><a href="your/url/">Library</a></li>
			  <li class="active">Data</li>
			</ol>
			
			
			<div class="y-bgfff y-padLR-20 y-padB-20 y-marR-20 card">
				<h3 class="y-borderB y-padB-10 y-marB-20 clearfix y-marT-10">
					<span style="line-height: 30px;">退货单详情</span>
					<a class="btn btn-primary pull-right" onclick="javascript:history.back(-1);">返回列表</a>
				</h3>
				
				<div class="breadcrumb y-border hl-primary clearfix">
					<span style="line-height: 30px;">订单编号：2017091311485391230</span>
				</div>
				<div class="with-padding">
					<h1 class="text-danger">基本信息</h1>
					<!-- HTML 代码 -->
					<table class="table table-bordered table-hover">
					    <thead>
					      <tr>
					        <th>订单编号</th>
					        <th>会员ID</th>
					        <th>联系电话</th>
					        <th>应付金额</th>
					        <th>订单状态</th>
					        <th>下单时间</th>
					        <th>支付时间</th>
					        <th>支付方式</th>
					        <th>发票抬头</th>
					      </tr>
					    </thead>
					    <tbody>
					      <tr>
					      	<td>2017091311485391230</td>
					      	<td>看**海</td>
					      	<td>150****4850</td>
					      	<td>1999.00</td>
					      	<td>待发货</td>
					      	<td>2017-09-13 11:48:53</td>
					      	<td>2017-09-13 15:48:53</td>
					      	<td>支付宝</td>
					      	<td>河南**信息科技有限公司</td>
					      </tr>
					    </tbody>
					</table>
				
				
					<h1 class="text-danger">收货信息</h1>
					<!-- HTML 代码 -->
					<table class="table table-bordered table-hover">
					    <thead>
					      <tr>
					        <th>收货人</th>
					        <th>联系方式</th>
					        <th>收货地址</th>
					        <th>邮编</th>
					        <th>配送方式</th>
					        <th>留言</th>
					      </tr>
					    </thead>
					    <tbody>
					      <tr>
					      	<td>静姐姐</td>
					      	<td>150****4850</td>
					      	<td>河南省郑州市金水区文化路东风路中科信息大厦</td>
					      	<td>450000</td>
					      	<td>中通</td>
					      	<td>萨克的房间爱上了</td>
					      </tr>
					    </tbody>
					</table>
					
					<h1 class="text-danger">商品信息</h1>
					<!-- HTML 代码 -->
					<table class="table table-bordered table-hover">
					    <thead>
					      <tr>
					        <th>商品货号</th>
					        <th>商品</th>
					        <th>规格属性</th>
					        <th>数量</th>
					        <th>单价</th>
					        <th>会员折扣价</th>
					        <th>单品小计</th>
					      </tr>
					    </thead>
					    <tbody>
					      <tr>
					      	<td>JS10103</td>
					      	<td><a class="text-info" href="#">小米手机5,十余项黑科技，很轻狠快</a></td>
					      	<td>玫瑰金</td>
					      	<td>1</td>
					      	<td>1600.00</td>
					      	<td>1580.00</td>
					      	<td>1580.00</td>
					      </tr>
					    </tbody>
					</table>
					<h1 class="text-right y-borderB text-danger with-padding">总计：1580.00元</h1>
					
					
					<h1 class="text-danger">费用信息&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-primary btn-mini" onclick="costModify()">修改费用</button></h1>
					<!-- HTML 代码 -->
					<table class="table table-bordered table-hover">
					    <thead>
					      <tr>
					        <th>小计</th>
					        <th>运费</th>
					        <th>积分抵扣</th>
					        <th>余额抵扣</th>
					        <th>优惠券抵扣</th>
					        <th>价格调整</th>
					        <th>应付</th>
					      </tr>
					    </thead>
					    <tbody>
					      <tr>
					      	<td>1580.00</td>
					      	<td>10</td>
					      	<td>2</td>
					      	<td>10</td>
					      	<td>10</td>
					      	<td>-10</td>
					      	<td class="text-danger">1558.00</td>
					      </tr>
					    </tbody>
					</table>
					<h1 class="text-danger">操作备注</h1>
					<form class="form-horizontal">
						<div class="form-group">
						    <label class="col-sm-1">处理备注</label>
						    <div class="col-md-6 col-sm-10">
						    	<textarea class="form-control" rows="3" placeholder="可以输入多行文本"></textarea>
						    </div>
						</div>
						<div class="form-group">
						    <label class="col-sm-1">可执行操作</label>
						    <div class="col-md-6 col-sm-10">
						    	<button type="button" class="btn btn-primary">同意</button> <button type="button" class="btn btn-primary">拒绝</button>
						    </div>
						</div>
					</form>
					
			</div>
			
		</div>
				
		<script type="text/javascript">
			function costModify(){
				window.location.href="costModify.html";
			}
			function attrAddUrl(){
				window.location.href="attrAdd.html";
			}
		</script>
	</body>
</html>
